<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>
        setTimeout(() => {
            console.log('1')
        }, 2000)
        
        for (let i = 0; i < 10000; i++) {
            console.log("")
        }

        //上面定时器是宏任务，会等待下面的循环执行后再执行
        //由于下面的循环很耗时，所以定时器会等循环结束后再执行，但是不是等循环执行完成后 再等待2s ，而2s的计时是一开始就开始计时了
        //由于下面循环执行时间超过了2s，所以循环执行后会立马执行定时器

    </script>
</body>
</html>